<template>
    <div class="navbar">
        <el-menu :router="true" :default-active="$route.path" class="el-menu-vertical-demo"
        background-color="#545c64" text-color="#fff" active-text-color="coral">
            <!-- 
                此元素表示每个导航列表项 index在开启路由后表示路由地址
            -->
            <el-menu-item index="/home">
                <!-- class属性对应element-ui中的图标类名 -->
                <i class="el-icon-s-home"></i>
                <span slot="title">帖子</span>
            </el-menu-item>
            <el-menu-item index="/myinfo">
                <!-- class属性对应element-ui中的图标类名 -->
                <i class="el-icon-s-home"></i>
                <span slot="title">个人中心</span>
            </el-menu-item>
         
        </el-menu>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                user:''      
            }
        },
        created() {
            this.user = JSON.parse(localStorage.getItem('etoak_cms_user'))
        },
    }
</script>

<style scoped>
    /* 表示去除导航右侧的一条白线 */
    .el-menu {
        border-right: none;
    }
</style>